<template>
	<div>
		<van-sticky>
			<van-nav-bar :title="this.$route.query.cat" left-text="返回" left-arrow @click-left="onClickLeft" />
		</van-sticky>
		<van-cell v-for="(val,ind) in tagslistData" :key="ind">
			<span>{{val.name}}</span>
		</van-cell>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				//精品歌单列表数据
				tagslistData: []
			};
		},
		created() {
			this.gettagslistData()
		},
		methods: {
			//获取精品歌单列表数据
			async gettagslistData() {
				let {
					data: ret
				} = await this.$http.get('/top/playlist/highquality?limit=10&cat=' + this.$route.query.cat)
				//console.log(ret)
				this.tagslistData = ret.playlists;
			},
			onClickLeft() {
				this.$router.back()
			},
		}
	}
</script>

<style lang="less" scoped>
</style>
